<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html">
<h:head>
	<title>Login</title>
	<h:outputStylesheet library="css" name="style.css" />
</h:head>
<h:body>
	<c:if test="${userlogin ==null}">
		<div align="center">
			<h:form id="registration_form">
				<h1>Registration form</h1>
				<h:panelGrid columns="3" rowClasses="firstRow, secondRow">
					<h:outputLabel value=" * Login" for="loginReg" />
					<h:inputText id="loginReg" value="#{regBean.login}"/>
					<h:message for="loginReg" />

					<h:outputLabel value="* Password" for="passReg" />
					<h:inputSecret id="passReg" value="#{regBean.password}" />
					<h:message for="passReg" />

					<h:outputLabel value="* Confirm Password" for="conpassReg" />
					<h:inputSecret id="conpassReg" value="#{regBean.confirmPassword}" />
					<h:message for="conpassReg" />

					<h:outputLabel value="* Name" for="nameReg" />
					<h:inputText id="nameReg" value="#{regBean.name}"  />
					<h:message for="nameReg" />

					<h:outputLabel value="Sex" for="sexReg" />
					<h:selectOneMenu id="sexReg" value="#{regBean.sex}">
						<f:selectItem itemValue="male" itemLabel="Male" />
						<f:selectItem itemValue="female" itemLabel="Female" />
					</h:selectOneMenu>
					<h:message for="sexReg" />

					<h:outputLabel value="City" for="cityReg" />
					<h:inputText id="cityReg" value="#{regBean.city}"/>
					<h:message for="cityReg" />
					
					<h:outputLabel value="About You" for="userInfo" />
					<h:inputText id="userInfo" value="#{regBean.userInfo}" />
					<h:message for="userInfo" />					

					<h:commandButton action="#{regBean.registration}" id="registration"
						value="Sign Up" />
				</h:panelGrid>
			</h:form>
			<h:link value="Log In" outcome="login page" />
			<!-- 	<h:message styleClass="messages" for="registration_form" /> -->
		</div>
		<br />
	</c:if>
</h:body>
</html>